Android基础
7 分钟 读完 (大约 1024 个字)

《Android 基础（十五）》 Alert Dialog

简介

The AlertDialog class allows you to build a variety of dialog designs and is often the only dialog class you’ll need. there are three regions of an alert dialog:

这里写图片描述
1.Title
This is optional and should be used only when the content area is occupied by a detailed message, a list, or custom layout. If you need to state a simple message or question (such as the dialog in figure 1), you don’t need a title.

2.Content area
This can display a message, a list, or other custom layout.

3.Action buttons
There should be no more than three action buttons in a dialog.

一般的AlertDialog分为2个部分，头部，内容和Action Button，头部包含图标和文字，内容部分可以自定义，也可以使用一些常见的列表，单选项，多选项等内容，Action Button就是常见的OK啊， Cancel啊等等。

类结构

AlertDialog
这里写图片描述

重点关注一下Builder类的结构
这里写图片描述

关于这些方法的使用说明，这里不做一一介绍，后面通过实例可以看出端倪，不过可以通过查阅API文档熟悉一下，AlertDialog.Builder

基本使用

Simple AlertDialog

代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
private void showSimpleAlertDialog() {
    //创建alertdialog builder
    AlertDialog.Builder builder = new AlertDialog.Builder(mContext);
    //设置图标，标题，消息内容
    builder.setIcon(getResources().getDrawable(R.drawable.ic_adb_black_24dp))
            .setTitle(R.string.title)
            .setMessage(R.string.content);
    //设置Acton Buttons
    builder.setNegativeButton(R.string.cancel, new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialogInterface, int i) {
            Toast.makeText(mContext, "Cancal is clicked", Toast.LENGTH_SHORT).show();
        }
    });

    builder.setPositiveButton(R.string.ok, new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialogInterface, int i) {
            Toast.makeText(mContext, "OK is clicked", Toast.LENGTH_SHORT).show();
        }
    });

    builder.setNeutralButton(R.string.reminder, new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialogInterface, int i) {
            Toast.makeText(mContext, "Remind me later is clicked", Toast.LENGTH_SHORT).show();
        }
    });
    //显示alert dialog  这个是AlertDialog的show()方法是等价的
    builder.show();
}

效果

这里写图片描述

备注_

Action Button 意义
setNegativeButton 做取消、返回等操作，如Cancel
setPositiveButton 做确认、提交等操作，如OK
setNeutralButton 做中性操作，如Update Later

AlertDialog.Builder中的show()方法和AlertDialog的show()方法是等价的

AlertDialog With Array

代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
public void showAlertDialogWithArray() {
    AlertDialog.Builder builder = new AlertDialog.Builder(mContext);
    builder.setIcon(getResources().getDrawable(R.drawable.ic_assessment_black_24dp))
            .setTitle(R.string.title)
            .setItems(R.array.dialoglist, new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialogInterface, int i) {
                    switch (i) {
                        case 0:
                            showTwo.setBackgroundResource(R.color.pink);
                            break;
                        case 1:
                            showTwo.setBackgroundResource(R.color.stone);
                            break;
                        case 2:
                            showTwo.setBackgroundResource(R.color.yellow);
                            break;
                    }
                }
            });
    builder.create().show();
}

效果

这里写图片描述

备注

方法 含义
setItems 通过array来设置dialog的内容
setAdapter 通过ListAdapter来设置dialog的内容

ListAdapter可以显示的内容应该比Array要丰富，但是现在开源库很多，针对Dialog的美观的开源库也不少，一般开发过程中会使用现成的。

AlertDialog With MultiChoice

代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
public void showAlertDialogWithMutiChoice() {
    final ArrayList<String> selecteditems = new ArrayList<>();
    AlertDialog.Builder builder = new AlertDialog.Builder(mContext);
    builder.setIcon(R.drawable.ic_event_seat_black_24dp)
            .setTitle(R.string.title)
            .setMultiChoiceItems(R.array.fruits, null, 
                    new DialogInterface.OnMultiChoiceClickListener() {
                @Override
                public void onClick(DialogInterface dialogInterface, int which, 
                                    boolean isChecked) {
                    if (isChecked) {
                        selecteditems.add(getResources()
                                .getStringArray(R.array.fruits)[which]);
                        Toast.makeText(mContext, selecteditems.toString(), Toast.LENGTH_SHORT).show();
                    } else {
                        selecteditems.remove(getResources()
                                .getStringArray(R.array.fruits)[which]);
                        Toast.makeText(mContext, selecteditems.toString(), Toast.LENGTH_SHORT).show();
                    }
                }
            });
    builder.create().show();
}

效果

这里写图片描述

AlertDialog With Single Choice

代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
public void showAlertDialogWithSingleChoice() {
    AlertDialog.Builder builder = new AlertDialog.Builder(mContext);
    builder.setIcon(R.drawable.ic_build_black_24dp)
            .setTitle(R.string.title);
    builder.setSingleChoiceItems(R.array.places, -1,
            new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialogInterface, int i) {
            Toast.makeText(mContext, 
                    getResources().getStringArray(R.array.places)[i] + " is selected", 
                    Toast.LENGTH_SHORT).show();
        }
    });
    builder.create().show();
}

效果

这里写图片描述

Custom Alert Dialog

代码

1
2
3
4
5
6
7
public void showCustomAlertDialog() {
    AlertDialog.Builder builder = new AlertDialog.Builder(mContext);
    builder.setIcon(R.drawable.ic_assessment_black_24dp).setTitle(R.string.login);
    builder.setView(R.layout.custom_alert);
    builder.setCustomTitle(LayoutInflater.from(mContext).inflate(R.layout.custom_title , null ));
    builder.create().show();
}

自定义布局文件

Title自定义

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:background="@drawable/shape_title"
    android:orientation="horizontal">

    <ImageView
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:paddingLeft="20dp"
        android:src="@drawable/ic_adb_black_24dp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="40dp"
        android:text="Custom Title"
        android:textSize="15pt"
        android:textStyle="bold" />
</LinearLayout>

Content Area自定义

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="@dimen/activity_horizontal_margin"
    android:orientation="vertical">

    <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp">

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="UserName" />
    </android.support.design.widget.TextInputLayout>

    <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:counterEnabled="true"
        app:counterMaxLength="40">

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fontFamily="sans-serif"
            android:hint="Password"
            android:inputType="textPassword" />
    </android.support.design.widget.TextInputLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/activity_vertical_margin"
        android:orientation="horizontal">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@drawable/shaperect"
            android:text="Submit" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@drawable/shape_two"
            android:text="Reset" />
    </LinearLayout>

</LinearLayout>

效果

这里写图片描述

备注

自定义标题栏和显示的内容，Action Button可以通过在Content中添加Button的方式来实现，丰富了Alert Dialog的显示内容，Alert Dialog中应该还有很多东西待挖掘，锄头需要挥起来~

# 布局控件

喜欢这篇文章？打赏一下作者吧

《Android 基础（十六）》Toast
《Android 基础（十四）》 selector
关注我

链接

分类

标签云

Aandroid实战 Android Studio Android基础 Android实战 Android开源库 Android源码 Angular CentOS Docker Drawable FileProvider Flutter Fragment Framework Gank.io Gitlab HAL IDEA插件 Kotlin LeetCode Linux MPAndroidChart MacOS Markdown MultiDex Mysql NDK PMDReader Picasso PowerDesign Realm RecyclerView Retrofit RxJava Smali Tomcat WanANdroid WebService Xen allowBackup ionic 动画 四大组件 多线程 局域网 工具 布局控件 应用 开发问题 开机动画 开源 开源库 微信公众号 微信小程序 百度地图 系统源码 自定义View 虚拟化 设计模式 译文 资源 辅助工具 配置

最新文章

归档

标签

Aandroid实战 1
Android Studio 6
Android基础 1
Android实战 27
Android开源库 3
Android源码 1
Angular 1
CentOS 3
Docker 4
Drawable 1
FileProvider 1
Flutter 1
Fragment 4
Framework 9
Gank.io 3
Gitlab 1
HAL 1
IDEA插件 1
Kotlin 6
LeetCode 5
Linux 6
MPAndroidChart 5
MacOS 1
Markdown 1
MultiDex 1
Mysql 2
NDK 1
PMDReader 1
Picasso 1
PowerDesign 1
Realm 8
RecyclerView 1
Retrofit 1
RxJava 3
Smali 2
Tomcat 1
WanANdroid 1
WebService 1
Xen 3
allowBackup 1
ionic 1
动画 3
四大组件 2
多线程 1
局域网 1
工具 1
布局控件 33
应用 7
开发问题 1
开机动画 2
开源 1
开源库 13
微信公众号 1
微信小程序 2
百度地图 4
系统源码 1
自定义View 8
虚拟化 3
设计模式 2
译文 20
资源 1
辅助工具 1
配置 1

最新文章

归档

标签

Aandroid实战 1
Android Studio 6
Android基础 1
Android实战 27
Android开源库 3
Android源码 1
Angular 1
CentOS 3
Docker 4
Drawable 1
FileProvider 1
Flutter 1
Fragment 4
Framework 9
Gank.io 3
Gitlab 1
HAL 1
IDEA插件 1
Kotlin 6
LeetCode 5
Linux 6
MPAndroidChart 5
MacOS 1
Markdown 1
MultiDex 1
Mysql 2
NDK 1
PMDReader 1
Picasso 1
PowerDesign 1
Realm 8
RecyclerView 1
Retrofit 1
RxJava 3
Smali 2
Tomcat 1
WanANdroid 1
WebService 1
Xen 3
allowBackup 1
ionic 1
动画 3
四大组件 2
多线程 1
局域网 1
工具 1
布局控件 33
应用 7
开发问题 1
开机动画 2
开源 1
开源库 13
微信公众号 1
微信小程序 2
百度地图 4
系统源码 1
自定义View 8
虚拟化 3
设计模式 2
译文 20
资源 1
辅助工具 1
配置 1
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×